body {
    font-family: Tahoma, Verdana, Menlo, Monaco, Consolas, "Helvetica Neue", Helvetica, "Courier New", '微软雅黑', monospace, Arial, sans-serif, '幼圆', '黑体';
    color: #4A5560;
    font-size: 12px;
}

a {
    display: inline-block;
    text-decoration: none;
    font-family: Menlo, Monaco, Consolas, '微软雅黑';
    color: #1BAAE4;
}

.green {
    color: #17B272;
}

.red {
    color: #FF585D;
}

.red:hover {
    color: #f98280;
}

.blue {
    color: #1BAAE4;
}

.orange {
    color: #FBC462;
}

input:focus,
textarea:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
    color: #47A7E6;
}

.label-success {
    background-color: #0fd59d;
}

.header {
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0px;
    font-family: montserrat;
}

.logo {
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    color: #0fd59d;
    padding: 10px;
}

.logo:hover {
    color: #0fd59d;
}

.navi {
    padding: 5px 20px;
    font-size: 12px;
    font-weight: bold;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace, "Helvetica Neue", Helvetica, Arial, sans-serif, '幼圆';
}

.navi a {
    padding: 0px 20px;
    color: #4A5560;
}

.tool a {
    padding: 0px 20px;
    color: #999;
}

.navi a:hover {
    color: #888;
}

.json-input {
    height: 553px;
    padding: 0 10px 10px 10px;
    border: 0;
    border-radius: 0;
    resize: none;
    outline: none;
    font-size: 10px;
    outline: none;
    box-shadow: none;
}